// 简写

// 字体设置
@each $i in 10,11,12,13,14,15,16,18,20,22,24,26,28,30,32,34,36,40 {
    $num: $i * 1;
    .font-size-#{$i} {
        font-size: px2vw($num);
    }
}

// 缩放比例
@each $i in 1,2,3,4,5,6,7,8,9,10 {
    .scale-#{$i} {
        transform: scale($i/10);
    }
}


// 动画延迟
@each $i in 1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20 {
    $num: $i * 0.1s;
    .delay-#{$i} {
        animation-delay:$num;
        -webkit-animation-delay:$num; 
    }
}

// 间距和圆角设置
@each $i in 0,1,2,4,5,6,8,10,12,14,16,20,24,28,30,32,36,40,44,48,50,56,60,64,72,80,96,100,120 {
    $num: $i * 1;
    .mg-all-#{$i} {
        margin: px2vw($num);
    }
    .mgt-#{$i} {
        margin-top: px2vw($num);
    }
    .mgr-#{$i} {
        margin-right: px2vw($num);
    }
    .mgb-#{$i} {
        margin-bottom: px2vw($num);
    }
    .mgl-#{$i} {
        margin-left: px2vw($num);
    }
    .pd-all-#{$i} {
        padding: px2vw($num);
    }
    .pdt-#{$i} {
        padding-top: px2vw($num);
    }
    .pdr-#{$i} {
        padding-right: px2vw($num);
    }
    .pdb-#{$i} {
        padding-bottom: px2vw($num);
    }
    .pdl-#{$i} {
        padding-left: px2vw($num);
    }
    .radius-#{$i} {
        border-radius: px2vw($num);
    }
}
